<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:p="http://primefaces.org/ui">

<h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet name="main.css" library="css" />
        <h:outputStylesheet name="styleTemplatePrincipal.css" library="css" />
        <title><ui:insert name="windowTitle" /></title>
        <ui:insert name="extra" />
</h:head>

<h:body>
        <div id="contenedor">
                <div id="encabezado">
                        <div id="encabezado_izquierda">
                                <div id="encabezado_izquierda_imagen1">
                                        <h:graphicImage
                                                value="/resources/images/website/imagen_cabecera_1.png" />
                                </div>
                                <div id="encabezado_izquierda_imagen2">
                                        <h:graphicImage
                                                value="/resources/images/website/imagen_cabecera_2.png" />
                                </div>
                        </div>
                        <div id="encabezado_derecha">
                                <div style="font-weight: bolder;">Bienvenido, hoy es
                                        #{templatePrincipalController.fechaActual}</div>
                                <div id="encabezado_derecha_accion1">
                                        <h:link value="Iniciar sesión" />
                                </div>
                                <div id="encabezado_derecha_accion2">
                                        <h:link value="Regístrate aquí" />
                                </div>
                        </div>
                </div>
                <div id="barra_cabecera" />
                <div id="barra_menu">
                        <ui:insert name="barra_menu">
                                <h:form prependId="false">
                                        <p:menubar id="menubarprincipal">
                                                <p:menuitem value="Inicio" outcome="/index"
                                                        styleClass="menuPersonalizado" />
                                                <p:menuitem value="|" styleClass="separadorMenu" />
                                                <p:menuitem value="Quiénes Somos" styleClass="menuPersonalizado" />
                                                <p:menuitem value="|" styleClass="separadorMenu" />
                                                <p:submenu label="Maestrias" styleClass="submenuPersonalizado">
                                                        <p:menuitem value="maestria 1 avasddas asd aasd" />
                                                </p:submenu>
                                        </p:menubar>
                                </h:form>
                        </ui:insert>
                </div>
                <div id="imagenes_cabecera">
                        <ui:insert name="imagenes_cabecera">
                                <p:galleria value="#{templatePrincipalController.imagenesCabecera}"
                                        var="imagen" effect="clip" panelWidth="980" panelHeight="210"
                                        showCaption="true">
                                        <p:graphicImage value="#{imagen}" alt="Imagen para #{imagen}"
                                                title="#{imagen}" />
                                </p:galleria>
                        </ui:insert>
                </div>
                <div id="menulateral">
                        <ui:insert name="menulateral">
                               
            </ui:insert>
                </div>
                <div id="contenido">
                        <ui:insert name="contenido" />
                </div>
                <div id="piedepagina"></div>
        </div>
</h:body>
</html>